<html>
    <head>
        <title><g:layoutTitle default="Grails" /></title>
        <link rel="stylesheet" href="${resource(dir:'css',file:'main.css')}" />
        <link rel="shortcut icon" href="${resource(dir:'images',file:'favicon.ico')}" type="image/x-icon" />
        <g:layoutHead />

        <g:javascript library="jquery"/>
        <link href="${resource(dir:'js/jquery-ui/themes/south-street', file:'jquery-ui-1.8.1.custom.css')}" type="text/css" rel="stylesheet" media="screen, projection" />
        <script src="${resource(dir:'js/jquery-ui/js', file:'jquery-ui-1.8.custom.min.js')}" type="text/javascript" ></script>
        <g:javascript library="application" />
        <script src="${createLink(controller:'dynamoJS', action:'index')}" type="text/javascript"></script>

      <script type="text/javascript">
        $(document).ready(function()
        {
          $(".datepicker").datepicker({dateFormat: 'dd/mm/yy'});
        })
    </script>
    </head>
    <body>
        <div id="spinner" class="spinner" style="display:none;">
            <img src="${resource(dir:'images',file:'spinner.gif')}" alt="Spinner" />
        </div>
        <div id="logoContainer" class="logo">
          RocketRacer (Beta)
        </div>
        <g:layoutBody />
    </body>
</html>